{extend name="base" /}

{block name="main"}
 <!-- 轮播图 -->
 <div class="container-fluid">
    <div id="demo" class="carousel slide" data-ride="carousel">
      <!-- 指示符 -->
      <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
      </ul>
      <!-- 轮播图片 -->
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="http://img.chinahpsy.com/web/14780.jpg!1920_650">
        </div>
        <div class="carousel-item">
          <img src="http://img.chinahpsy.com/web/14803.jpg!1920_650">
        </div>
        <div class="carousel-item">
          <img src="http://img.chinahpsy.com/web/14330.jpg!1920_650">
        </div>
      </div>
      <!-- 左右切换按钮 -->
      <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
      </a>
    </div>
  </div>
  <!-- 轮播图  end -->
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h3 class="font-weight-bold text-center">岗位分类</h3>
      </div>
    </div>
    <!-- 三张图的盒子 -->
    <div class="row">
      <div class="col-md-4 p-2">
          <a href="{:url('gw/index1',['id'=>1])}"><img class="img-fluid" src="__STATIC__/img/001.jpg" alt="Chania"></a>
     </div>
      <div class="col-md-4 p-2">
        <a href="{:url('gw/index1',['id'=>2])}"><img class="img-fluid" src="__STATIC__/img/002.jpg" alt="Chania"></a>
      </div>
      <div class="col-md-4 p-2">
        <a href="{:url('gw/index1',['id'=>3])}"><img class="img-fluid" src="__STATIC__/img/003.jpg" alt="Chania"></a>
      </div>

    </div>
    <!-- 三张图的盒子 end -->
    <!-- 两张图的盒子 -->
    <div class="row">
      <div class="col-md-6 p-2">
        <a href="{:url('gw/index1',['id'=>4])}"><img class="img-fluid" src="__STATIC__/img/004.jpg" alt="Chania"></a>
      </div>
      <div class="col-md-6 p-2">
        <a href="{:url('gw/index')}"><img class="img-fluid" src="__STATIC__/img/005.jpg" alt="Chania"></a>
      </div>
    </div>
    <!-- 两张图的盒子 end -->
    <!-- 标题盒子 -->
    <div class="row">
      <div class="col-md-12">
        <h3 class="font-weight-bold text-center">校园宣讲</h3>
      </div>
    </div>
    <!-- 标题盒子 end -->
    {volist name="xj" id="vo"}
    <!-- 宣讲盒子 -->
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-md-4 ">
            <img class="img-fluid" src="__STATIC__/uploads/{$vo.preach_pic}" alt="Chania">
          </div>
          <div class="col-md-8 ">
            <a href="{:url('xj/xjdetails',['preach_id'=>$vo.preach_id])}">
              <h5>{$vo.preach_name}</h5>
            </a>
            <p>宣讲地址：{$vo.preach_site}</p>
            <p>宣讲时间：{$vo.preach_beigin_time}</p>
          </div>
        </div>
      </div>
    </div>
    {/volist}
    <!-- 宣讲盒子  end -->
    
    <!-- 热门公司模块 -->
    <div class="card" style="margin-top: 60px;">
      <div class="card-body">
        <div class="col-md-12">
          <h3 class="font-weight-bold text-center">热门公司</h3>
        </div>
        <div class="row">
            {volist name="gs" id="vo"}
          <!-- 公司卡片 -->
          <div class="col-md-3" style="margin-top: 10px;">
            <div class="card">
              <div class="card-body" style="height: 232px; overflow: hidden;">
                <img class="img-fluid" src="__STATIC__/uploads/{$vo.company_pic}" alt="Chania">
                <a href="{:url('company/gsdetails',['company_id'=>$vo.company_id])}">
                  <h6 class="font-weight-bold text-center">{$vo.company_name}</h6>
                </a>
                <p>{$vo.company_info}
                </p>
              </div>
            </div>
          </div>
          <!-- 公司卡片end -->
          {/volist}
         
        </div>
      </div>
    </div>
    <!-- 热门公司模块 end -->
  </div>
  <!-- 内容 end -->
{/block}